<template>
  <div class="cover">
    <img class="j-img" :src="dataImg" />
    <span class="msk"></span>
  </div>
</template>

<script>
import Vue from 'vue';
Vue.component('el-img', {
  props: ['dataImg'],
  //组件渲染之前
  created: function () {

  },
  //组件渲染之后
  mounted: function () {

  }
})
</script>

<style>
.cover {
  width: 200px;
  height: 200px;
}

.j-img {
  display: block;
  width: 100%;
  height: 100%;
}

.msk {
  width: 208px;
  height: 208px;
  background-position: 0 -1285px;
  top: -4px;
  left: -4px;
}
</style>